#jx_css({file:"plugins/chosen/chosen.min.css,plugins/bootstrap-table/bootstrap-table.min.css,iconfonts/iconfont.css"})
#jx_js({file:"echarts/echarts.min.js,echarts/theme/walden.js,WdatePicker/WdatePicker.js",path:jxwebpath.js})
<style type="text/css">
	.table {table-layout:fixed;word-break:break-all;}
</style>
<script>

var m_datas = [] ;
var chartConfig = #(systemreportinfoext.ext2 ?? "{}") ;
var chartOption = #(systemreportinfoext.ext1 ?? "[]") ;
var chartInfo = #(systemreportinfoext.extInfo.ext_chart ?? "[]") ;
var m_xdata = [] ;
seajs.use(['jquery','common_query'],function($)
{
  $(function()
  {
    for(var i=0; i<chartInfo.length;i++)
      $("#chartMain").append("<div id='chartInfo" + i + "' style='" + chartInfo[i].style +"'></div>");
  });

  function initEChart(ci)
  {
    var myChart = null ;
    myChart = echarts.init(document.getElementById('chartInfo' + ci),"walden");

      for (var i=0; i<chartOption[ci].series.length;i++)
      {
        if (ci + i <m_datas.length)
          chartOption[ci].series[i]["data"] = m_datas[ci+i] ;
      }

      for (var i=0; i<chartOption[ci].xAxis.length; i++)
        if (ci + i <m_xdata.length)
          chartOption[ci].xAxis[i]["data"] = m_xdata[ci + i] ;
        else
          chartOption[ci].xAxis[i]["data"] = m_xdata[i] ;
      myChart.setOption(chartOption[ci]);
  }
  function loadEChart()
  {
    for(var ci=0; ci<chartInfo.length;ci++)
    {
        initEChart(ci);
    }
  }
  window.loadEChart = loadEChart ;
});
</script>